<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>书城首页</title>
    <%--    静态包含，base标签，css样式，jQuery--%>
    <%@include file="/pages/common/head.jsp" %>

    <script type="text/javascript">
        $(function () {
            $("button.addToCart").click(function () {
                var bookId = $(this).attr("bookId");
                $.getJSON("http://localhost:8080/book/cartServlet", "action=ajaxAddItem&id=" + bookId, function (data) {
                     if (data.result == true) {
                        $("#cartTotalCount").text("您的购物车中有 " + data.totalCount + " 件商品");
                        $("#cartLastName").text("您刚刚将 " + data.lastName + " 加入到购物车");
                    } else {
                        $("#cartLastName").text("对不起，你购买的 " + data.lastName + " 库存不足");
                    }

                })
            });

        });
    </script>

</head>
<body>

<div id="header">
    <img class="logo_img" alt="" src="static/img/DDlogoNEW.gif">
    <span class="wel_word" style="font-family: 华文琥珀; color: red">网上购书中心</span>
    <div>

        <c:if test="${empty sessionScope.user}">
            <a href="pages/cart/cart.jsp">购物车</a>
            <a href="orderServlet?action=myOrders">我的订单</a>
            <a href="pages/user/login.jsp">登录</a> |
            <a href="pages/user/regist.jsp">注册</a>
        </c:if>

        <c:if test="${not empty sessionScope.user}">
            <span>欢迎<span class="um_span">${sessionScope.user.username}</span></span>
            <a href="pages/cart/cart.jsp">购物车</a>
            <a href="orderServlet?action=myOrders">我的订单</a>
            <%--只有管理者才能执行后台管理操作--%>
            <c:if test="${sessionScope.user.username.equals('admin')}">
                <a href="pages/manager/manager.jsp">后台管理</a>
            </c:if>
            <a href="userServlet?action=logout">注销</a>
        </c:if> &nbsp;&nbsp;

    </div>
</div>
<div id="main">
    <div id="book">
        <div class="book_cond">
            <form action="client/clientBookServlet" method="get">
                <input type="hidden" name="action" value="pageByPrice">
                价格：<input id="min" type="text" name="min" value="${param.min}"> 元 -
                <input id="max" type="text" name="max" value="${param.max}"> 元
                <input type="submit" value="查询"/>
            </form>
        </div>
        <div style="text-align: center">
                <c:if test="${empty sessionScope.cart.items}">
                    <%--购物车为空的输出--%>
                    <span id="cartTotalCount"> </span>
                    <div>
                        <span id="cartLastName">当前购物车为空</span>
                    </div>
                </c:if>
                <c:if test="${not empty sessionScope.cart.items}">
                    <%--购物车非空的输出--%>
                    <span id="cartTotalCount">您的购物车中有 ${sessionScope.cart.totalCount} 件商品</span>
                    <c:if test="${sessionScope.flag == false}">
                        <span id="cartTotalCount"> </span>
                        <div>
                            <span id="cartLastName">对不起，你购买的 ${sessionScope.lastName} 库存不足</span>
                        </div>
                    </c:if>
                    <c:if test="${sessionScope.flag == true}">
                        <div>
                            <span id="cartLastName">您刚刚将 ${sessionScope.lastName} 加入到购物车</span>
                        </div>
                    </c:if>
                </c:if>


        </div>

        <c:forEach items="${requestScope.page.items}" var="book">
            <div class="b_list">
                <div class="img_div">
                    <img class="book_img" alt="" src="${book.imgPath}"/>
                </div>
                <div class="book_info">
                    <div class="book_name">
                        <span class="sp1">书名:</span>
                        <span class="sp2">${book.name}</span>
                    </div>
                    <div class="book_author">
                        <span class="sp1">作者:</span>
                        <span class="sp2">${book.author}</span>
                    </div>
                    <div class="book_price">
                        <span class="sp1">价格:</span>
                        <span class="sp2">￥${book.price}</span>
                    </div>
                    <div class="book_sales">
                        <span class="sp1">销量:</span>
                        <span class="sp2">${book.sales}</span>
                    </div>
                    <div class="book_amount">
                        <span class="sp1">库存:</span>
                        <span class="sp2">${book.stock}</span>
                    </div>
                    <div class="book_add">
                        <button bookId="${book.id}" class="addToCart">加入购物车</button>
                    </div>
                </div>
            </div>
        </c:forEach>

    </div>

    <%--静态包含分页表--%>
    <%@include file="/pages/common/page_nav.jsp"%>

</div>

<%--静态包含页脚内容--%>
<%@include file="/pages/common/footer.jsp"%>
</body>
</html>